<!--
 * @Date: 2023-07-31 14:01:38
 * @LastEditors: lijingang
 * @LastEditTime: 2023-07-31 14:28:48
 * @FilePath: /ds-brain-web/src/views/login/components/AssociationPhone.vue
-->
<template>
  <div>
    <!-- 绑定微信登录 -->
    <sec-dialog
      title="授权手机号"
      :visible.sync="dialogVisible"
      width="469px"
      :close-on-press-escape="false"
      :close-on-click-modal="false"
    >
      <render-factory
        :options="options"
        :app-code="appCode"
        :domain="domain"
        :terminal-id="terminalId"
        btn-text="绑定手机号"
        :union-id="unionId"
        :open-id="openId"
      />
    </sec-dialog>
  </div>
</template>
<script>
import RenderFactory from './RenderFactory.vue'
import { domain, terminalId, appCode } from './../configuration'

export default {
  name: 'AssociationPhone',
  components: { RenderFactory },
  props: {
    openId: {
      type: String,
      default: ''
    },
    unionId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      options: {
        inputField: ['PHONE', 'IMAGE_CODE'],
        smsVerify: {
          enable: true,
          verifyTypeList: [{ value: 'SMS', label: '短信' }]
        },
        loginTab: 'WX_WEB_SCAN_CODE_TAB',
        placeholder: '手机号',
        tabKey: 'wechat',
        tabName: '手机登录',
        verifyTypeList: [{ value: 'SMS', label: '短信' }]
      },
      // 登录配置
      domain: domain,
      // 登录配置
      terminalId: terminalId,
      // 登录配置
      appCode: appCode,

      dialogVisible: true
    }
  },
  computed: {},
  created: function () {},
  mounted: async function () {},
  methods: {}
}
</script>

<style scoped lang="scss"></style>
